/**
 * Created by yoyoyk on 2017/7/13.
 */

import React from 'react';

import {DatePicker} from 'antd';

export default function Header (props){

    const prop = Object.assign(props);

    const {date,DatePickerChange,currentDate} = prop;

    return (
        <header className="scheduling_header">
            <span data-type="title">
                        日期
            </span>

            <DatePicker
                value={date}
                allowClear={false}
                onChange={DatePickerChange}
            />

            <span data-type="middle"> 至 </span>
            <div className="scheduling_calendar">
                {currentDate}
            </div>
        </header>
    )
}